.root {
  background-image: url('../images/problemReportingBackground.png');
  background-size: 100% 100%;

  height: 90%;
  width: 70%;
  margin: 4vh auto 0px auto;

  .left {
    margin-top: 2vh;
    margin-left: auto;
    height: 95%;

    .left-top {
      height: 10%;
    }

    .left-body {
      height: 90%;
      width: 100%;
      box-sizing: border-box;
      padding: 3vh 3vw;

      table {
        width: 100%;
        padding: 1vh;
        color: white;

        .empty {
          height: 1vh;
        }

        .left-table {
          width: 5000px;
          background-color: aqua;
        }

        td {
          padding: 0px 1vw;
        }

        .td-left {
          width: 5vw;
        }
        .td-right {
          // width: 10vw;
        }

        .forDiv {
          padding: 1vh 0px;
        }
      }
    }
  }

  .right {
    margin-top: 2vh;
    height: 95%;
    margin-right: auto;

    .right-top {
      height: 10%;
    }

    .right-body {
      height: 90%;
      width: 100%;
      box-sizing: border-box;
      padding: 3vh 3vw;

      table {
        color: white;
        font-size: 2vh;
        width: 100%;

        .el-form-item--default {
          margin-bottom: 1vh;
        }

        .tleft {
          width: 25%;
        }
        .tright {
          width: 75%;
        }

        .input {
          background-image: url(../images/problemReportingInput.png);
          background-size: 100% 100%;
          --el-input-text-color: white;
        }

        .input :deep(*) {
          background-color: transparent;
        }

        .input :deep(.el-textarea__inner) {
          box-shadow: 0px 0px 0px 0px white;
        }

        td {
          padding: 0.5vh;
        }
      }

      .show {
        table {
          .el-form-item--default {
            margin: 0px !important;
          }

          .tleft {
            width: 15%;
          }
          .tright {
            width: 85%;
          }

          .input {
            background-image: url(../images/problemReportingInput.png);
            background-size: 100% 100%;
            --el-input-text-color: white;
          }

          .input :deep(*) {
            background-color: transparent;
          }

          .input :deep(.el-textarea__inner) {
            box-shadow: 0px 0px 0px 0px white;
          }

          td {
            padding: 0.5vh;
          }
        }
      }
    }
  }
}

.image {
  height: 3.5vh;
}

.click:hover {
  opacity: 0.5;
  cursor: pointer;
}
